<!DOCTYPE HTML>
<html lang="en">
    <head>
        <!--=============== basic  ===============-->
        <meta charset="UTF-8">
        <title>Endor Photography - Creative  Responsive Photography  Portfolio</title>
        <meta name="robots" content="index, follow">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <!--=============== css  ===============-->
        <link type="text/css" rel="stylesheet" href="static/css/plugins.css">
        <link type="text/css" rel="stylesheet" href="static/css/style.css">
    </head>
    <body>
        <!--main-loader  -->
        <div class="main-loader">
            <div class="ml-wrap">
                <div class="ml-mask"></div>
                <img src="static/picture/logo.png" alt="">
            </div>
        </div>
        <!-- main-loader end -->		
        <!-- main  -->
        <div id="main">
            <!--  logo -->
            <a href="index.html" class="ajax logo-holder"><img src="static/picture/logo.png" alt=""></a>
            <!--  logo end -->
            <!--  navigation -->
            <div class="nav-holder main-menu">
                <nav>
                    <ul>
                        <li>
                            <a href="index.html" class="ajax">Works</a>
                        </li>
                        <li>
                            <a href="about.html" class="ajax">About</a>
                        </li>
                        <li>
                            <a href="" class="ajax">News</a>
                        </li>
                        <li>
                            <a href="contacts.html" class="ajax">Contacts</a>
                        </li>
                    </ul>
                </nav>
            </div>
            <!-- navigation  end -->  			
            <!--  share btn -->
            <div class="share-btn">Share</div>
            <!--  share btn end -->
            <div class="nav-button-wrap">
                <div class="nav-button"><span></span><span></span><span></span></div>
            </div>
            <!--  navigation -->
            <!-- wrapper-->
            <div id="wrapper">
                <!-- content-holder-->
                <div class="content-holder hide_footer">
                    <div class="header-bg"></div>
                    <!-- content -->
                    <div class="content fl-wrap">
                        <!-- hero-section -->
                        <div class="hero-section fl-wrap">
                            <div class="hero-section_bg fl-wrap">
                                <div class="bg" data-bg="images/bg/3.jpg"></div>
                                <div class="overlay"></div>
                                <div class="hero-sec_anim"></div>
                            </div>
                            <div class="hero-section_title fl-wrap" id="sec1">
                                <h2>Our Stories</h2>
                            </div>
                        </div>
                        <!-- hero-section end-->
                        <div class="clearfix"></div>
                        <!-- container-->
                        <div class="container column-container">
                            <div class="fl-wrap content-item sec-anim">
                                <div class="post-items fl-wrap">
                                    <!-- post-item-->
                                    <div class="post-item">
                                        <div class="post-item_wrap fl-wrap">
                                            <div class="post-item_media fl-wrap">
                                                <a href="blog-single.html" class="ajax">
                                                <img src="static/picture/32.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="post-item_content fl-wrap">
                                                <div class="post-header fl-wrap"> <a href="#">Nature</a> <a href="#">Trip</a> </div>
                                                <h3><a href="blog-single.html" class="ajax">Wood Nature Trip</a></h3>
                                                <div class="post-opt fl-wrap">
                                                    <ul>
                                                        <li><a href="#"><i class="fal fa-comments-alt"></i> 6 comments</a></li>
                                                        <li><span><i class="fal fa-eye"></i> 587 view</span></li>
                                                    </ul>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla...</p>
                                                <a href="blog-single.html" class="ajax post-link">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- post-item end-->
                                    <!-- post-item-->
                                    <div class="post-item">
                                        <div class="post-item_wrap fl-wrap">
                                            <div class="post-item_media fl-wrap">
                                                <a href="blog-single.html" class="ajax">
                                                <img src="static/picture/101.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="post-item_content fl-wrap">
                                                <div class="post-header fl-wrap"> <a href="#">Photogrpahy</a> <a href="#">Travel</a> </div>
                                                <h3><a href="blog-single.html" class="ajax">Funny Animals</a></h3>
                                                <div class="post-opt fl-wrap">
                                                    <ul>
                                                        <li><a href="#"><i class="fal fa-comments-alt"></i> 3 comments</a></li>
                                                        <li><span><i class="fal fa-eye"></i> 214 view</span></li>
                                                    </ul>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla...</p>
                                                <a href="blog-single.html" class="ajax post-link">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- post-item end-->									
                                    <!-- post-item-->
                                    <div class="post-item">
                                        <div class="post-item_wrap fl-wrap">
                                            <div class="post-item_media fl-wrap">
                                                <a href="blog-single.html" class="ajax">
                                                <img src="static/picture/51.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="post-item_content fl-wrap">
                                                <div class="post-header fl-wrap"> <a href="#">Branding</a> <a href="#">Photography</a> </div>
                                                <h3><a href="blog-single.html" class="ajax">Connecting the lost</a></h3>
                                                <div class="post-opt fl-wrap">
                                                    <ul>
                                                        <li><a href="#"><i class="fal fa-comments-alt"></i> 6 comments</a></li>
                                                        <li><span><i class="fal fa-eye"></i> 756 view</span></li>
                                                    </ul>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla...</p>
                                                <a href="blog-single.html" class="ajax post-link">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- post-item end-->
                                    <!-- post-item-->
                                    <div class="post-item">
                                        <div class="post-item_wrap fl-wrap">
                                            <div class="post-item_media fl-wrap">
                                                <a href="blog-single.html" class="ajax">
                                                <img src="static/picture/19.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="post-item_content fl-wrap">
                                                <div class="post-header fl-wrap"> <a href="#">Trip</a> <a href="#">Travel</a> </div>
                                                <h3><a href="blog-single.html" class="ajax">The Beauty in the Calm</a></h3>
                                                <div class="post-opt fl-wrap">
                                                    <ul>
                                                        <li><a href="#"><i class="fal fa-comments-alt"></i> 12 comments</a></li>
                                                        <li><span><i class="fal fa-eye"></i> 123 view</span></li>
                                                    </ul>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla...</p>
                                                <a href="blog-single.html" class="ajax post-link">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- post-item end-->										
                                    <!-- post-item-->
                                    <div class="post-item">
                                        <div class="post-item_wrap fl-wrap">
                                            <div class="post-item_media fl-wrap">
                                                <a href="blog-single.html" class="ajax">
                                                <img src="static/picture/81.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="post-item_content fl-wrap">
                                                <div class="post-header fl-wrap"> <a href="#">Travel</a> <a href="#">Outdoor</a> </div>
                                                <h3><a href="blog-single.html" class="ajax">Snowy Mountains Journey</a></h3>
                                                <div class="post-opt fl-wrap">
                                                    <ul>
                                                        <li><a href="#"><i class="fal fa-comments-alt"></i> 3 comments</a></li>
                                                        <li><span><i class="fal fa-eye"></i> 456 view</span></li>
                                                    </ul>
                                                </div>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla...</p>
                                                <a href="blog-single.html" class="ajax post-link">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- post-item end-->										
                                </div>
                                <!--pagination-->   
                                <div class="pagination">
                                    <div class="pr-bg pr-bg-white"></div>
                                    <a href="#" class="prevposts-link"><i class="fal fa-long-arrow-left"></i></a>
                                    <a href="#">01.</a>
                                    <a href="#" class="current-page">02.</a>
                                    <a href="#">03.</a>
                                    <a href="#">04.</a>
                                    <a href="#" class="nextposts-link"><i class="fal fa-long-arrow-right"></i></a>
                                </div>
                                <!--pagination end-->	
                            </div>
                            <!-- section end-->
                        </div>
                        <!-- container end-->
                        <!-- sidebar-button --> 
                        <div class="sidebar-button-wrap vis-m">
                            <span>Open Sidebar</span>
                        </div>
                        <!-- sidebar-button end--> 		
                        <div class="sidebar-container">
                            <div class="sb-det_overlay"></div>
                            <div class="sidebar-content">
                                <div class="sidebar-item fl-wrap">
                                    <!-- main-sidebar-widget-->   
                                    <div class="main-sidebar-widget">
                                        <div class="search-widget   fl-wrap">
                                            <form action="#">
                                                <input name="se" id="se" type="text" class="search-inpt-item" placeholder="Search.." value="Search...">
                                                <button class="search-submit color-bg" id="submit_btn"><i class="fal fa-search"></i> </button>
                                            </form>
                                        </div>
                                    </div>
                                    <!-- main-sidebar-widget end--> 							
                                    <!-- main-sidebar-widget-->   
                                    <div class="main-sidebar-widget">
                                        <h3>Categories</h3>
                                        <div class="category-widget">
                                            <ul class="cat-item">
                                                <li><a href="#">Seafood</a><span>12</span></li>
                                                <li><a href="#">Receipts</a><span>21</span></li>
                                                <li><a href="#">Dishes</a><span>34</span></li>
                                                <li><a href="#">Travel</a><span>8</span></li>
                                                <li><a href="#">Photos</a><span>9</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- main-sidebar-widget end-->							
                                    <!-- main-sidebar-widget-->   
                                    <div class="main-sidebar-widget">
                                        <h3>Recent Posts</h3>
                                        <div class="recent-post-widget">
                                            <ul>
                                                <li>
                                                    <div class="recent-post-img"><a href="#"><img src="static/picture/51.jpg" alt=""></a></div>
                                                    <div class="recent-post-content">
                                                        <h4><a href="#">Snowy Mountains Trip</a></h4>
                                                        <div class="recent-post-opt">
                                                            <span class="post-date">3 May 2016</span> 
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="recent-post-img"><a href="#"><img src="static/picture/61.jpg" alt=""></a></div>
                                                    <div class="recent-post-content">
                                                        <h4><a href="#">Snowy Mountains Trip</a></h4>
                                                        <div class="recent-post-opt">
                                                            <span class="post-date">3 May 2016</span> 
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="recent-post-img"><a href="#"><img src="static/picture/7.jpg" alt=""></a></div>
                                                    <div class="recent-post-content">
                                                        <h4><a href="#">Snowy Mountains Trip</a></h4>
                                                        <div class="recent-post-opt">
                                                            <span class="post-date">3 May 2016</span> 
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- main-sidebar-widget end-->								
                                    <!-- main-sidebar-widget-->   
                                    <div class="main-sidebar-widget">
                                        <h3>Resent tags </h3>
                                        <div class="tags-widget">
                                            <div class="tagcloud">
                                                <a href="#">Lifystyle</a>
                                                <a href="#">Travel</a>
                                                <a href="#">Trip</a>
                                                <a href="#">Outdoor</a>
                                                <a href="#">Camping</a>
                                                <a href="#">Photos</a>
                                                <a href="#">Adventure</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- main-sidebar-widget end--> 								
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- content end-->
                    <div class="footer-bg fl-wrap">
                        <div class="footer-bg_polcy"></div>
                        <div class="footer-bg_social_links"></div>
                        <div class="to-top-btn"><i class="fal fa-angle-up"></i></div>
                    </div>
                    <!-- share-wrapper-->
                    <div class="share-wrapper">
                        <div class="share-container isShare"></div>
                    </div>
                    <!-- share-wrapper  end -->
                    <div class="progress-bar-wrap">
                        <div class="progress-bar color-bg"></div>
                        <div class="mousey">
                            <div class="scroller"></div>
                        </div>
                    </div>
                </div>
                <!-- content-holder end-->
            </div>
            <!-- wrapper end-->
            <!-- social_links-->
            <div class="social_links">
                <div class="sc-links_clone">
                    <span>Follow:</span>
                    <ul>
                        <li><a href="#" target="_blank">Fb</a></li>
                        <li><a href="#" target="_blank">Ins</a></li>
                        <li><a href="#" target="_blank">Tw</a></li>
                        <li><a href="#" target="_blank">Vk</a></li>
                    </ul>
                </div>
            </div>
            <!-- social_links end-->
            <!-- policy-box-->
            <div class="policy-box">
                <span>&#169; Endor 2021  -  All rights reserved. </span>
            </div>
            <!-- policy-box end-->
            <!-- cursor-->
            <div class="element">
                <div class="element-item"></div>
            </div>
            <!-- cursor end--> 			
        </div>
        <!-- Main end -->
        <!--=============== scripts  ===============-->
		<script src="static/js/jquery.min.js"></script>
        <script src="static/js/plugins.js"></script>
        <script src="static/js/scripts.js"></script>
    </body>
</html>